﻿<!DOCTYPE html>
<html>
<head xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
    <meta charset="utf-8" />
    <title>homePage</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <script src="/js/FacebookWinJS.js"></script>
    <!--<script src="/js/facebookSDK.js"></script>-->

    <script src="/Bing.Maps.JavaScript/js/veapicore.js"></script>
    <script src="/Bing.Maps.JavaScript/js/veapiModules.js"></script>

    <link href="/css/default.css" rel="stylesheet" />
    <link href="/pages/home/home.css" rel="stylesheet" />
    <script src="/pages/home/home.js"></script>
</head>
<body>
    <div id="fb-root"></div>
    <div id="photoTemplate" data-win-control="WinJS.Binding.Template">
        <img class="photo-image" src="#" data-win-bind="src:source; width:width; height:height" />
    </div>
    <div id="commentTemplate" data-win-control="WinJS.Binding.Template">
        <div class="commentMessage">
            <p>
                <img src="#" data-win-bind="src: from.picture" />
                <span data-win-bind="textContent: from.name"></span>
            </p>
            <p data-win-bind="textContent: message"></p>
        </div>
    </div>
    <div id="commentTextFlyout" data-win-control="WinJS.UI.Flyout"
        aria-label="{Comment text flyout}">
        <input id="commentText" type="text" class="comment" />
        <button>Enviar</button>
    </div>
    <div id="wallTemplate" data-win-control="WinJS.Binding.Template">
        <div class="wallMessage">
            <p>
                <img style="float: left; padding-right: 10px" src="#" data-win-bind="src: from.picture" />
                <strong data-win-bind="textContent: from.name"></strong>
                <p class="likes">A <span data-win-bind="textContent: likes.count"></span>&nbsp;personas les gusta esto</p>
            </p>
            <p data-win-bind="textContent: message"></p>
            <button onclick="Application.navigator.pageControl.like(event.srcElement)" data-win-bind="idMessage: id">me gusta</button>
            <button onclick="Application.navigator.pageControl.comment(event.srcElement)" data-win-bind="idMessage: id">comentar</button>
        </div>
    </div>
    <!-- The content that will be loaded and displayed. -->
    <div class="fragment homepage">
        <header aria-label="Header content" role="banner">
            <button class="win-backbutton" aria-label="Back" disabled type="button"></button>
            <h1 class="titlearea win-type-ellipsis">
                <span class="pagetitle"></span>
            </h1>
            <div class="loginButton" data-win-control="FacebookWinJS.Login" data-win-options="{appId: 495132727184999}"></div>
        </header>
        <section aria-label="Main content" role="main">
            <div class="aboutbox">
                <p class="about"></p>
                <p class="culinary_team"></p>
                <p class="category"></p>
                <p class="pageLikes"></p>
                <div id="bingMap"></div>
                <p><a href="#" class="website"></a></p>
            </div>
            <div class="photosbox">
                <div data-win-control="WinJS.UI.ListView" id="photos"></div>
            </div>
            <div class="wall">
                <div data-win-control="WinJS.UI.ListView" data-win-options="{ selectionMode: 'none' }" id="wall"></div>
            </div>
        </section>
    </div>
</body>
</html>
